<!DOCTYPE html>
<html lang="zh">
<head>
<#--    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Content-Type" content="multipart/form-data; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
    <title>菜单管理 - 后台管理系统模板</title>
    <link rel="icon" href="favicon.ico" type="image/ico">
    <meta name="keywords" content="菜单管理">
    <meta name="description" content="菜单管理页">
    <meta name="author" content="yinqi">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="default">

    <link href="/common/libs/materialdesignicons/materialdesignicons.min.css" type="text/css"  rel="stylesheet">
    <link href="/common/libs/bootstrap5.3.2/css/bootstrap.min.css" type="text/css"  rel="stylesheet">

    <link href="/system/css/style.min.css" type="text/css"  rel="stylesheet">
<#--    <link href="/system/ebook/chapter/css/BookChapterEditMenu.css" type="text/css"  rel="stylesheet">-->
<#--    <link href="/system/ebook/chapter/css/BookChapterCKEditor.css" type="text/css"  rel="stylesheet"> 与bootstrap冲突，无法显示按钮 -->

    <link rel="stylesheet" href="/common/libs/ztree/css/metroStyle/metroStyle.css" type="text/css">

</head>
<body>
<div class="container-fluid">
    <div class="row mt-1">

        <!-- 左侧菜单-开始 -->
        <style type="text/css">
            .bookChapterEditMenuTree li span.button.add {margin-left:2px; margin-right: -1px; background-position:-144px 0; vertical-align:top; *vertical-align:middle}
        </style>
        <div class="col-md-3 bg-light border-1" style="width: 300px; position: fixed; left: 0;">
            <a>(标题不能含有双引号"")</a>
            <a class="bg-primary text-white text-center d-flex align-items-center justify-content-center" style="height:50px;text-decoration: none;display: block;" id="addChapterMenu" href="#" onclick="return false">
                <h5>新建章节</h5>
            </a>
            <div style="height:90vh;overflow:auto;">
<#--                <ul id="leftBookChapterEditMenu" class="bookChapterEditMenuTree"></ul>-->
                <ul id="leftBookChapterEditMenu" class="ztree"></ul>
            </div>
        </div>
        <!-- 左侧菜单-结束 -->
        <!-- 右侧编辑框-开始 -->
        <div class="col-md-9 offset-md-3" style="margin-left: 360px;">
            <form action="#!" method="post" class="row no-gutters" id="chapterContentEditForm">
    <#--            <input type="hidden" name="id" id="formInputContentId"/>-->
                <input name="bookId" type="hidden" id="formInputBookId" value="${bookId}"/>
                <input name="id" type="hidden" id="formInputContentId"/>

                <textarea name="content" class="editor" id="bookChapterCKEditor"   placeholder="文章内容">
                </textarea>

            </form>
            <button type="button" class="mt-3 btn btn-primary"  name="save" id="saveChapterContent">
                <i class="mdi mdi-checkbox-marked-circle-outline"></i>
                保存
            </button>
        </div>
        <!-- 右侧编辑框-结束 -->
    </div>





</div>
<script src="/common/libs/jquery/jquery-3.7.1.min.js" type="text/javascript"></script>

<script src="/common/libs/bootstrap5.3.2/js/bootstrap.min.js" type="text/javascript"></script>

<script src="/system/js/common.js" type="text/javascript"></script>

<script src="/common/libs/ckeditor5/build/ckeditor.js" type="text/javascript"></script>

<script src="/common/libs/bootstrap-table/bootstrap-table.min.js" type="text/javascript"></script>
<script src="/common/libs/bootstrap-table/locale/bootstrap-table-zh-CN.min.js" type="text/javascript"></script>

<!-- ztree-开始 -->
<script src="/common/libs/ztree/js/jquery.ztree.core.js" type="text/javascript"></script>
<script src="/common/libs/ztree/js/jquery.ztree.exedit.js" type="text/javascript"></script>
<!-- ckeditor-开始 -->
<script src="/system/ebook/chapter/js/BookChapterCKEditor.js" type="text/javascript"></script>
<script src="/system/ebook/chapter/js/BookChapterEdit.js" type="text/javascript"></script>
<script src="/system/ebook/chapter/js/BookChapterEditMenu.js" type="text/javascript"></script>

</body>
</html>